﻿/* DESIGN  */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Mandali);
@import url(http://fonts.googleapis.com/css?family=Niconne);

/* ELEMENTS -------------------------------------------------------------------- */
body { font-size: 15px; font-family: 'Mandali', sans-serif; color: #294057;  }
h1 { color: #025f93; padding-bottom: 20px; font-size: 30px; text-transform:uppercase; }
h1 span {font-family: 'Niconne', cursive; color:#0e85c7; text-transform:capitalize; font-size:38px; }
h2 { font-size: 26px;  font-family: 'Mandali', sans-serif; color:#4d8c59; padding-bottom:15px;  }
h3 { font-size: 24px; font-family: 'Mandali'; color:#0e85c7; padding-bottom:10px;  }
h3 a { font-size: 24px; font-family: 'Mandali'; color:#0e85c7; text-decoration: underline; padding-bottom:10px; }
h4 { font-size: 22px; margin-bottom: 10px; padding-bottom:8px;  }
h5 { font-size: 18px; margin-bottom: 10px; color:#294057; font-family:open sans;  }
h6 { font-size: 16px; margin-bottom: 10px; color:#000; font-family:open sans;  }
p { line-height: 25px;  margin-bottom: 15px; }
a { color: #294057; text-decoration: underline; font-weight: bold; transition: all 0.5s ease; }
a:hover { color: #36a3d3; }
ul { list-style-type: disc; margin-left: 15px; padding-bottom: 15px; }
li { line-height: 22px;  }
img a { transition: all 0.3s ease }
section { text-align: center }
div { text-align: left }
b, strong {font-weight: bold}
i, em { font-style: italic }

/* CLASSES */
.active-width { width: 1050px; margin: 0 auto }


/* TOP  -------------------------------------------------------------------- */
#top-100 { min-height: 132px; background:url(../images/top-100-bg.jpg) repeat-x center top;  min-width: 1050px;  }
#top { padding-top: 24px; }


/* MENU  -------------------------------------------------------------------- */
#menu-100 { min-height:54px; background:url(../images/munu-bg.jpg) repeat-x center top;  min-width: 1050px; }
#menu { }


/* CONTENT  -------------------------------------------------------------*/
#content-100 { /*background: #eef7fb*/  background: #f5fdff; /* Old browsers */
background: -moz-linear-gradient(top,  #f5fdff 0%, #f4fcff 9%, #f3fbfe 11%, #f1f9fc 11%, #f2fafd 14%, #eaf3f8 33%, #e8f3f7 36%, #e6f1f5 36%, #e8f1f8 37%, #e7f0f5 38%, #e5f0f4 41%, #e5f0f6 46%, #e3eef4 46%, #e3eef4 49%, #e0edf5 49%, #e2edf3 51%, #dfecf2 52%, #dcebf2 60%, #dbe8f0 61%, #d9e8ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5fdff), color-stop(9%,#f4fcff), color-stop(11%,#f3fbfe), color-stop(11%,#f1f9fc), color-stop(14%,#f2fafd), color-stop(33%,#eaf3f8), color-stop(36%,#e8f3f7), color-stop(36%,#e6f1f5), color-stop(37%,#e8f1f8), color-stop(38%,#e7f0f5), color-stop(41%,#e5f0f4), color-stop(46%,#e5f0f6), color-stop(46%,#e3eef4), color-stop(49%,#e3eef4), color-stop(49%,#e0edf5), color-stop(51%,#e2edf3), color-stop(52%,#dfecf2), color-stop(60%,#dcebf2), color-stop(61%,#dbe8f0), color-stop(100%,#d9e8ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5fdff 0%,#f4fcff 9%,#f3fbfe 11%,#f1f9fc 11%,#f2fafd 14%,#eaf3f8 33%,#e8f3f7 36%,#e6f1f5 36%,#e8f1f8 37%,#e7f0f5 38%,#e5f0f4 41%,#e5f0f6 46%,#e3eef4 46%,#e3eef4 49%,#e0edf5 49%,#e2edf3 51%,#dfecf2 52%,#dcebf2 60%,#dbe8f0 61%,#d9e8ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5fdff 0%,#f4fcff 9%,#f3fbfe 11%,#f1f9fc 11%,#f2fafd 14%,#eaf3f8 33%,#e8f3f7 36%,#e6f1f5 36%,#e8f1f8 37%,#e7f0f5 38%,#e5f0f4 41%,#e5f0f6 46%,#e3eef4 46%,#e3eef4 49%,#e0edf5 49%,#e2edf3 51%,#dfecf2 52%,#dcebf2 60%,#dbe8f0 61%,#d9e8ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5fdff 0%,#f4fcff 9%,#f3fbfe 11%,#f1f9fc 11%,#f2fafd 14%,#eaf3f8 33%,#e8f3f7 36%,#e6f1f5 36%,#e8f1f8 37%,#e7f0f5 38%,#e5f0f4 41%,#e5f0f6 46%,#e3eef4 46%,#e3eef4 49%,#e0edf5 49%,#e2edf3 51%,#dfecf2 52%,#dcebf2 60%,#dbe8f0 61%,#d9e8ef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5fdff 0%,#f4fcff 9%,#f3fbfe 11%,#f1f9fc 11%,#f2fafd 14%,#eaf3f8 33%,#e8f3f7 36%,#e6f1f5 36%,#e8f1f8 37%,#e7f0f5 38%,#e5f0f4 41%,#e5f0f6 46%,#e3eef4 46%,#e3eef4 49%,#e0edf5 49%,#e2edf3 51%,#dfecf2 52%,#dcebf2 60%,#dbe8f0 61%,#d9e8ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fdff', endColorstr='#d9e8ef',GradientType=0 ); /* IE6-9 */
; min-height: 450px;  }
#content { padding:0 20px 100px 40px; width:685px; float:right;   }


/* SIDEBAR  -------------------------------------------------------------------- */
#sidebar {width:275px; float:left; padding-right:25px; border-right:2px solid #d1d8de; min-height:590px; margin-bottom:40px; }
.sidebar-choosus ul li { background: url("../images/list-bg.jpg") no-repeat 25px center ; border-bottom: 1px solid #dadada; color: #675858; font-size: 13px;    list-style: outside none none;  padding:15px 22px 10px 50px; }
.sidebar-choosus ul li:last-child {border:none; }
.sidebar-choosus ul { background:#fff; margin:0 auto; padding:8px 0 6px;  }
.sidebar-choosus span { background:#008bc9; color: #fff; display: block; font-size: 16px; margin: 0 auto; padding: 10px 0; text-align: center; width: 240px;}
.appointment {margin-bottom:30px; }
.sidebar-choosus {width:240px; margin:0 auto; }

/* FOOTER  -------------------------------------------------------------------- */
#footer-100  { min-height: 300px; background: #d9e7ef; } 
#footer { padding: 20px }

   


/*==============HEADer=================*/

.logo {float:left; margin-top:20px; margin-left:15px;  }
.top-center { float: left; margin-left:80px; }
.top-right {float:right; text-align:left; color:#fff; font-family: 'Open Sans', sans-serif; line-height:20px; margin-right:45px; }
.top-right a{color:#fff; margin-bottom:10px; }

.top-center p{line-height:20px; text-align:center; color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:8px; }
.top-center p span {font-weight:900; font-size:22px;  }
.top-center a{background:#007ab1; padding:4px 6px; text-align:center; color:#fff; font-size:13px; font-family:Verdana,Times,serif; margin-left:45px; }
.top-center a:hover{background:#7ac5a1}
.top-right > span {margin-bottom:-12px; display:block; }
.top-right img {margin-left:2px; }
.top-right span a:hover {color:#007ab1; }
.metaslider {margin:0 auto; }
.slider-100 {background:url(../images/slider-bg.png) no-repeat center top #65c792; }



/*=================CONTENT=================*/

.gr-front  {padding:60px 0 70px; }
.gr-front img {margin-left:20px; }
#content-100:after, .our-services:after, .clear:after { clear: both; content: ""; display: block; }

.front-foot {margin-left: 130px; clear:both; padding-bottom:45px;  }
.front-foot img {margin-left:50px; }
.clear {padding-top:60px; }
.home .clear {padding-top:0; }

/*=================footer=================*/

.our-services {height: 250px;width:300px; padding:25px 23px 20px; background:#fff; float:left; margin-right:15px;  }
.our-services span {background:url(../images/service.png) no-repeat left center; padding:15px 0 0 40px; }
#footer span {color:#1695ce; text-transform:uppercase; font-size:21px; font-weight:600; padding-bottom:32px; display:block; }
#footer p {font-size:12px; color:#786b6b; line-height:19px; }
.locate-us span {background:url(../images/locate.png) no-repeat left center; padding:15px 0 0 40px; }
.locate-us > p {line-height:15px !important; float:left; }
.locate-us img {margin-left:15px; float: left}
.locate-us {width:300px; height: 250px;padding:25px 25px 22px; background:#fff; float:left; margin-right:15px;  }
.follow-us {width:280px; padding:25px 22px 58px; background:#fff; float:left;   }
.follow-us span {background:url(../images/follow.png) no-repeat left center;  padding:15px 0 0 40px; }
#footer-menu {clear:both; }
.foot-social { margin: 0 auto; text-align: center; }
.foot-social img {margin:5px 5px 0  0; }


.top-right img:hover, .logo:hover, .gr-front img:hover, .appointment:hover, .front-foot img:hover, .follow-us img:hover {opacity:0.6; }
